import { useParams } from 'react-router-dom';

export const App4 = () => {
  // any
  let value: any;
  value = true; // 不是字符串
  console.log(value.length); // 不检查，不报错

  // unknown
  let value2: unknown;
  value2 = 'abcd'; // 是字符串
  console.log((value2 as string).split('')); // 检查，报错

  // 定义params 类型
  const params = useParams<{ id?: string }>();
  console.log('app4 params', params);
  console.log('app4 params.id', params.id?.length);
  return <div>App4</div>;
};
